<!--<app-navbar></app-navbar>
<div class="container" style="margin-top: 70px;">
  <div class="row">
    <div class="col-md-3">
      <app-search></app-search>
    </div>
    <div class="col-md-9">
      <router-outlet></router-outlet>
      &lt;!&ndash;<div class="row">
        <app-carousel></app-carousel>
      </div>
      <div class="row">
        <app-product></app-product>
      </div>&ndash;&gt;
    </div>
  </div>
</div>
<app-footer></app-footer>-->
<a [routerLink]="['/home']">Home</a>
<!--点击商品详情，url地址会带上id=1-->
<!--<a [routerLink]="['/product']" [queryParams]="{ids: 1}">Product</a>-->
<!--路由路径中携带参数 2=:id-->
<a [routerLink]="['/product','1']">Product</a>
<button type="button" (click)="toProductDetails()">ProductDetails</button>
<!--选择路由name outlet 为aux 路径为chat 的插座 primary: 'home' 指定主路由需要展示的组件-->
<a [routerLink]="[{outlets: {primary: 'home',aux: 'chat'}}]">开始聊天</a>
<!--表示关闭辅助路由-->
<a [routerLink]="[{outlets: {aux: null}}]">结束聊天</a>
<router-outlet></router-outlet>
<!--辅助路由-->
<router-outlet name="aux"></router-outlet>
